<!--
 * @Description: 
 * @Author: 赵华宇
 * @Date: 2025-04-20 17:54:44
 * @LastEditors: 赵华宇
 * @LastEditTime: 2025-04-21 09:36:26
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 选中同名标签设置相同的样式 无法差异化同名标签 */
        p{
            color: red;
        }
        .blue{
            color: blue;
        }
        .size{
            font-size: 50px;
        }
        #color{
            color: green;
        }
        *{
            font-size: 70px;
        }
    </style>
</head>
<body>
    <p>这是p标签</p>
    <!-- 一个类选择器可以给多个标签使用 -->
     <!-- 一个标签可以使用多个类名 类名用空格隔开 -->
    <p class="blue size">这是p标签</p>
    <div class="blue">这是div标签</div>
    <div id="color">div标签</div>
</body>
</html>